<template>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="General" name="general">
        <el-form
          ref="generalDetailRef"
          :model="generalDetail"
          label-width="120px"
          :disabled='true'
          class="demo-ruleForm"
        >
          <el-row :gutter="12">
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="12">
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="12">
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="12">
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="Client's Name" prop="clientsName">
                <el-input
                  v-model="generalDetail.clientsName"
                  placeholder="请输入"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="Project Plan" name="projectPlan"
        >Project Plan</el-tab-pane
      >
      <el-tab-pane label="China Returns" name="chinaReturns"
        >China Returns</el-tab-pane
      >
      <el-tab-pane label="Cash Flow" name="cashFlow">Cash Flow</el-tab-pane>
      <el-tab-pane label="Finacial View" name="finacialView"
        >Finacial View</el-tab-pane
      >
    </el-tabs>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'

const generalDetail = ref({
  clientsName: ''
})
const activeName = ref('general')
const handleClick = (tab, event) => {
  // console.log(tab, event)
}
</script>
